<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>协强定制-求职招聘</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/pad.css" media="(max-width:1199px)" />
		<link rel="stylesheet" href="css/phone.css" media="(max-width:619px)" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src='js/vue2.0.min.js'></script>
		<script src="js/swiper-3.4.2.jquery.min.js"></script>
		<script src='js/fastclick.js'></script>
		<script src='js/md5.js'></script>
		<script src="js/xqjy.js"></script>
	</head>

	<body>
		<div id='app' v-cloak>
			<!--头部-->
			<!--<headers @search='searchHeader'></headers>-->
			<navs @toback='toBackground' :nav-state='navState' :login-state='loginState' :login-info='loginInfo.Name' :bg-img='bgImg'></navs>
			<div class="everyThingCtx flew">
				<div class="w900">
					<h2 class="lbdTitle">职位搜索</h2>
					<form>
						<div class="searchForJob">
							<div>
								<label>
								<span>关键词：</span>
								<input type="text" class="form_control" placeholder="输入职位名称或公司名称" v-model='searchContent'/>
							</label>
							</div>
							<div>
								<label>
								<span>职务分类：</span>
								<select class="form_control" v-model='selected'>
									<option value="请选择">请选择</option>
									<option :value="item.JobCategoryID" v-for='item in JobClassData'>{{item.Name}}</option>
								</select>
							</label>
							</div>
							<div>
								<label>
								<span>地点：</span>
								<input type="text" class="form_control" v-model='workplace' placeholder="请输入地点"/>
							</label>
							</div>
							<div>
								<label>
								<span>薪酬：</span>
								<select class="form_control" v-model='salary'>
									<option value="请选择">请选择</option>
									<option :value="item" v-for='item in salaryArr'>{{item}}</option>
								</select>
							</label>
							</div>
						</div>
						<button type="button" class="s_job" @click="clickSearch"><i class="icon">&#xe6b5;</i>搜索</button>
					</form>
					<div class="gray">已为您找到 <b style="color: #BC001B;">{{searchData.TotalCount}}</b> 个职位</div>
					<div class="jobList searchJobList">
						<ul class="flew acc">
							<li class="jian" v-for='item in searchData.ListEntity' @click='clickCompanyJob(item.JobID)'>
								<a>
									<div class="flew ctx">
										<div>
											<div class="searchJobList_title">
												<p class='oneline'>{{item.Title}}</p>
												<p class='oneline'>{{item.EntName}}</p>
											</div>
											<div class="searchJobList_ctxs">
												<p>{{item.Workplace}}</p>
												<p>发布时间：{{item.CreateDate}}</p>
											</div>
											<p>薪酬：<b style="color: #BC001B">{{item.Salary}}</b> 最低学历：{{item.ForDegree}} 经验：{{item.ForWork}}年以上</p>
										</div>
										<div class="biaoqian">
											<p v-for='i in item.OtherWelfare'>{{i}}</p>
										</div>
									</div>
									<div class="lastB">

										<div class="btn">一键投递</div>
									</div>
								</a>
							</li>

						</ul>
					</div>
					<!--分页-->
							<div class="f_page" v-if='totalPage>0' style="padding-top: 20px">
								<ul>
									<li class="quo" @click="maxLeftClick"><a>&laquo;</a></li>
									<li><a @click="leftClick">&larr;</a></li>
									<li :class="currentPage==i?'cur':''" v-for='i in pageArr' @click="clickTarget(i)"><a>{{i}}</a></li>
									<li><a @click="rightClick">&rarr;</a></li>
									<li class="quo" @click="maxRightClick"><a >&raquo;</a></li>
								</ul>
								<ol class="fles">
									<li><input type="text" placeholder="1"  v-model='currentPages'/></li>
									<li class="go" @click="goPage"><a><b>Go</b></a></li>
								</ol>
							</div>
				</div>
				<div class="w280">
					<div class="jobHd">
						<h3>最新招聘职位</h3>
					</div>
					<ol class="sm_jobList">
						<li v-for='item in newJobData' @click="clickCompanyJob(item.JobID)">
							<a>
								<h4>{{item.Title}}</h4>
								<p>
									<em>{{item.Salary}}以下</em>
									<span>{{item.Workplace}}</span>
									<span>{{item.ForDegree}}</span>
									<span>{{item.ForWork}}年以上</span>
								</p>
								<p>{{item.Title}}</p>
							</a>
						</li>
					</ol>
				</div>
			</div>
			<footers></footers>
		</div>
		<script src='js/isLogin.js'></script>
		<script src='js/page.js'></script>
		<script src='js/header.js'></script>
		<script src='js/nav.js'></script>
		<script src='js/footer.js'></script>
		<script src='js/public.js'></script>
		<script src='js/recruitSearch.js'></script>
	</body>

</html>
<script>
	$(".moreJob").click(function() {
		if($("#hotJob").attr("data-type") == 0) {
			$("#hotJob").height("auto").attr("data-type", 1)
			$(".moreJob").text("收起 -")
		} else {
			$("#hotJob").height(46).attr("data-type", 0)
			$(".moreJob").text("更多 +")
		}

	})
	var swiper = new Swiper('.swiper-container', {
		pagination: '.swiper-pagination',
		autoplay: 3000,
		autoplayDisableOnInteraction: false,
	});
</script>